Summary

Three fixes in src/native/styles/functions/filters.ts:

1. blurRadius → standardDeviation in drop-shadow handler

React Native's DropShadowValue type expects standardDeviation, not blurRadius:

export type DropShadowValue = {
  offsetX: number | string;
  offsetY: number | string;
  standardDeviation?: number | string;
  color?: ColorValue | number;
};

The handler was producing { blurRadius: 6 } — React Native ignores this unrecognized property, resulting in drop shadows with zero blur.

2. ["color", "string"] → ["color", "color"] in drop-shadow handler

The "string" type in the shorthand handler rejects platform color objects (from currentcolor resolution). box-shadow.ts and text-shadow.ts both correctly use ["color", "color"] — this aligns the drop-shadow handler.

3. hueRotate → opacity in opacity filter function (copy-paste)

The opacity function returned { hueRotate: ... } instead of { opacity: ... } — copied from the hueRotate function above it.

Changes

Test plan

• npx jest src/__tests__/native/filters.test.tsx — 7 tests pass (drop-shadow basic, color-first, no-blur, CSS variable, runtime variable, Tailwind v4 @Property pattern, opacity key)
• npx jest src/__tests__/vendor/tailwind/filters.test.tsx — 24 tests pass (existing, assertions updated)
• Full suite: 995 passed, 29 failed (pre-existing babel test failures, same on main)
• tsc --noEmit — clean
• eslint — clean